<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单和表单控件</title>
</head>
<body>
<!--
    type 控制表单控件的类型
        text  文本框
        password  密码框
        radio  单选框
        checkbox  复选框
        submit 提交按钮
    placeholder  提示信息
    name 设置名称，用于提交，每个表单控件都需要这个属性
    value  设置默认值，也是将来提交的值； 单选框和复选框必须设置value值
    checked 单选框和复选框默认选中
    selected  下拉框默认选中项
-->
<form action="https://www.baidu.com"> <!-- 用于提交数据 -->
    文本框：<input type="text" placeholder="请输入书名" name="title" value="go开发">
    <br>
    密码框：<input type="password" placeholder="请输入密码" name="pwd">
    <br>
    单选框：<input type="radio" name="answer" value="A">A <input type="radio" name="answer" value="B" checked>B
    <br>
    复选框：<input type="checkbox" name="hobby" value="1">听音乐 <input type="checkbox" name="hobby" value="2" checked> 旅游 <input type="checkbox" name="hobby" value="3" checked> 运动
    <br>
    下拉框：<select name="province">
        <option value="bj">北京</option>
        <option value="hb">河北</option>
        <option value="sd">山东</option>
        <option value="sx">陕西</option>
        <option value="hn" selected>湖南</option>
    </select>
    <br>
    文本域：<textarea name="beizhu" placeholder="请输入备注" ></textarea>
    <br>
    <input type="submit" value="添加">
    <input type="reset">
</form>
</body>
</html>